<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html">
<f:view encoding="UTF-8" contentType="text/html">

<h:head>
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<!-- jQuery and jQuery mobile framework -->
	<link rel="stylesheet" href="#{facesContext.externalContext.request.contextPath}/js/jquery.mobile-1.1.1/jquery.mobile-1.1.1.min.css" />
	<script src="#{facesContext.externalContext.request.contextPath}/js/jquery/jquery-1.8.1.min.js"></script>
	<script src="#{facesContext.externalContext.request.contextPath}/js/jquery.mobile-1.1.1/jquery.mobile-1.1.1.min.js"></script>
	<script type="text/javascript" src="#{facesContext.externalContext.request.contextPath}/javax.faces.resource/jsf.js.xhtml?ln=javax.faces"></script>
	<!-- Initial JS -->
	<script type="text/javascript" src="#{facesContext.externalContext.request.contextPath}/js/template.js"></script>
	<title><h:outputText>Web Meeting System</h:outputText></title>
</h:head>

<h:body>

	<div data-role="page" data-cache="never">
		<div data-role="header" data-theme="a">
			<!-- Initial CSS -->
			<link rel="stylesheet" href="#{facesContext.externalContext.request.contextPath}/css/template.css" />
			<a href="#{facesContext.externalContext.request.contextPath}/index.xhtml" data-theme="c" data-icon="home" onclick="closeWebSocket();">Home</a>
			<ui:insert name="templateHeader">
				<h1>Web Meeting System</h1>
			</ui:insert>
			<a href="#{facesContext.externalContext.request.contextPath}/logout.logout" data-theme="c" data-icon="delete">Logout</a>
		</div>
	
		<div data-role="content" data-theme="c">
			<!-- Custom CSS and JS files -->
			<ui:insert name="customCSS">
			</ui:insert>
			<ui:insert name="customJS">
			</ui:insert>
			<ui:insert name="templateContent">
			</ui:insert>
		</div>
	</div>

</h:body>

</f:view>
</html>